<{if $setting.showkfbox =="on"}>
<style type="text/css">
.ex-kf-box {position:fixed;z-index:9999;bottom:165px;}
.ex-kf-siderbar {width:44px;overflow:hidden}
.ex-kf-siderbar a{display:block;width:42px;height:42px;border:1px solid #CECECE;font-size:0;background:url("images/gokf.gif") no-repeat;margin-bottom:5px;overflow:hidden;}
.ex-kf-siderbar .ex-kf-wx,
.ex-kf-siderbar .ex-kf-wx:hover,
.ex-kf-siderbar .ex-kf-wx.hover {background-position:0 0;}
.ex-kf-siderbar .ex-kf-im,
.ex-kf-siderbar .ex-kf-im.hover,
.ex-kf-siderbar .ex-kf-im:hover {background:#fff url("images/am.png") center center no-repeat;}
.ex-kf-siderbar .ex-kf-gotop {background-position:0 -42px;}
.ex-siderIMchat-main {width:128px;border:3px solid #268599;background:#FFF;text-align:center;display:none;bottom:0;right:45px;}
.ex-siderIMchat-main .ex-Im-top {height:26px;background-color:#268599;color:#FFF;font:14px/26px "Microsoft Yahei",Arial, Helvetica, sans-serif;}
.ex-siderIMchat-main ul li {width:100%;overflow:hidden;padding:5px 0;border-bottom:1px solid #eee;}
.ex-siderIMchat-main ul li span {float:left;display:block;width:45px;height:25px;line-height:25px;overflow:hidden;}
.ex-siderIMchat-main ul li p {float:left;height:25px;line-height:25px;text-align:center;margin-bottom:5px;}
.ex-siderIMchat-main ul li i {color:#999;}
.ex-siderIMchat-main ul li.infobox span {float:none;width:100%;background-color:#268599;font-size:14px;color:#FFF}
.ex-siderIMchat-main ul li.infobox i {color:#D0021B;padding-top:2px;font-size:14px;line-height:20px;font-weight:bold;}
.ex-wx-main {border:1px solid #ddd;background-color:#FFF;display:none;bottom:55px;right:45px;}
</style>
<div id="qf_kfbox" class="ex-kf-box">
	<div class="ex-kf-siderbar">
	 
     <a class="ex-kf-im"<{if $setting.qyqq_link}> onclick="javascript:window.open('<{$setting.qyqq_link}>','_blank','height=544, width=644,toolbar=no,scrollbars=no,menubar=no,status=no');"<{/if}> href="javascript:void(0);" rel="nofllow">在线客服</a>
     <a class="ex-kf-wx" href="javascript:viod(0);" rel="nofllow">微信扫码</a>
    </div>
    <div class="ex-wx-main" style="display:none;"><img src="<{$setting.erwma}>" alt="微信扫码"  width="<{$aditem.showwidth}>" height="<{$aditem.showheight}>" /></div>
    <div class="ex-siderIMchat-main">
		<div class="ex-Im-top">在线客服</div>
    	<ul class="clearfix">
        	<{if $data}>
            <{foreach from=$setting.online item=item key=key}>
            <li><span><{$item.title|escape:html}></span><p><{if $item.type=='qq'}><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=<{$item.links}>&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:<{$item.links}>:51" alt="点击这里给<{$item.links}>发消息" title="点击这里给<{$item.links}>发消息"/></a>
            <{elseif $item.type=="qyqq"}>
            <img style="CURSOR:pointer" onclick="javascript:window.open('<{$setting.qyqq_link}>&ref='+document.location, '_blank', 'height=544, width=644,toolbar=no,scrollbars=no,menubar=no,status=no');" border="0" src="http://im.bizapp.qq.com:8000/zx_qq.gif">
           	<{else}>
            <a target="_blank" href="http://www.taobao.com/webww/ww.php?ver=3&touid=<{$item.links}>&siteid=cntaobao&status=1&charset=utf-8"><img border="0" src="http://amos.alicdn.com/realonline.aw?v=2&uid=<{$item.links}>&site=cntaobao&s=1&charset=utf-8" alt="点击这里给我发消息" /></a><{/if}></p><i><{$item.time|escape:html}></i></li>
            <{/foreach}>
            <{/if}>
            <{if $setting.fwrx}><li class="infobox"><span>服务热线</span><i><{$setting.fwrx}></i></li><{/if}>
      </ul>
    </div>
</div>
<script src="images/hnqss_cn_kf.js"></script>
<{if $data}>
<script>
(function(){
    var siderIMchat=$('qf_kfbox').getElement('.ex-kf-im'),timer1;
	var kf_main = $('qf_kfbox').getElement('.ex-siderIMchat-main');
	$$(siderIMchat,kf_main).addEvents({'mouseenter':function(){
			if(timer1) window.clearInterval(timer1);
			kf_main.setStyles({
				'display':'block',
				'position':'absolute'
			});
			siderIMchat.addClass('hover');			
		},'mouseleave':function(){
			timer1=function(){
				kf_main.setStyle('display','none');
				siderIMchat.removeClass('hover');				
			}.delay(200);
			
		}
	});
	kf_main.addEvent('click',function(e){siderIMchat.fireEvent('click')})
	
	var wxbox=$('qf_kfbox').getElement('.ex-kf-wx'),timer;
	var wx_main=$('qf_kfbox').getElement('.ex-wx-main');
	$$(wxbox,wx_main).addEvents({'mouseenter':function(){
			if(timer) window.clearInterval(timer);
			wx_main.setStyles({
				'display':'block',
				'position':'absolute'
			});
			wxbox.addClass('hover');			
		},'mouseleave':function(){
			timer=function(){
				wx_main.setStyle('display','none');
				wxbox.removeClass('hover');				
			}.delay(200);
			
		}
	});
	wx_main.addEvent('click',function(e){wxbox.fireEvent('click');})
})();
</script>
<{/if}>
<{/if}>